/* 调整主容器尺寸 */
.main-container {
    -fx-background-color: linear-gradient(from 0% 0% to 100% 100%, #667eea 0%, #764ba2 100%);
    -fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, 0.25), 35, 0, 0, 10);
    /*-fx-border-color: rgba(255, 255, 255, 0.25);*/
    -fx-border-width: 1;
    -fx-pref-width: 900px;
    -fx-pref-height: 600px;
}

/* 调整标题栏 */
.title-bar {
    -fx-background-color: linear-gradient(from 0% 0% to 100% 0%,
    rgba(102, 126, 234, 0.25) 0%,
    rgba(118, 75, 162, 0.2) 100%);
    -fx-padding: 12 25;
    -fx-border-color: rgba(255,255,255,0.15);
    -fx-border-width: 0 0 1 0;
    -fx-effect: dropshadow(one-pass-box, rgba(0,0,0,0.1), 5, 0, 0, 2);
    -fx-pref-height: 50px;
}

/* 调整内容容器 */
.content-container {
    -fx-background-color: transparent;
    -fx-background-radius: 0 0 15 15;
}

/* 调整左侧面板 */
.left-panel {
    -fx-background-color: rgba(255, 255, 255, 0.1);
    -fx-border-color: rgba(255, 255, 255, 0.1);
    -fx-border-width: 0 1 0 0;
    -fx-padding: 30 35;
    -fx-pref-width: 450px;
    -fx-min-width: 450px;
    -fx-max-width: 450px;
}

.left-content {
    -fx-padding: 10 0;
    -fx-spacing: 30px;
}

/* 调整系统名称字体大小 */
.system-name {
    -fx-text-fill: white;
    -fx-font-size: 28px;
    -fx-font-weight: bold;
    -fx-effect: dropshadow(one-pass-box, rgba(0,0,0,0.2), 3, 0, 1, 1);
}

.system-subtitle {
    -fx-text-fill: rgba(255,255,255,0.8);
    -fx-font-size: 13px;
    -fx-font-weight: 500;
    -fx-letter-spacing: 1px;
}

/* 调整特性列表 */
.feature-list {
    -fx-padding: 10 0;
    -fx-spacing: 20px;
}

.feature-icon {
    -fx-text-fill: white;
    -fx-font-size: 18px;
    -fx-pref-width: 25px;
    -fx-effect: dropshadow(one-pass-box, rgba(0,0,0,0.2), 2, 0, 1, 1);
}

.feature-title {
    -fx-text-fill: white;
    -fx-font-size: 15px;
    -fx-font-weight: bold;
}

.feature-desc {
    -fx-text-fill: rgba(255,255,255,0.8);
    -fx-font-size: 12px;
    -fx-wrap-text: true;
}

/* 调整统计容器 */
.stats-container {
    -fx-padding: 20 0 0 0;
}

.stat-number {
    -fx-text-fill: white;
    -fx-font-size: 20px;
    -fx-font-weight: bold;
    -fx-effect: dropshadow(one-pass-box, rgba(0,0,0,0.2), 2, 0, 1, 1);
}

.stat-label {
    -fx-text-fill: rgba(255,255,255,0.8);
    -fx-font-size: 11px;
}

/* 调整右侧面板 */
.right-panel {
    -fx-background-color: rgba(255, 255, 255, 0.95);
    -fx-background-radius: 0 0 15 0;
    -fx-padding: 30 35;
    -fx-pref-width: 450px;
    -fx-alignment: center;
}

.login-form {
    -fx-background-color: white;
    -fx-background-radius: 15;
    -fx-border-radius: 15;
    -fx-padding: 40 30 40 30; /* 明确设置上下左右边距 */
    -fx-border-color: rgba(255, 255, 255, 0.3);
    -fx-border-width: 1;
    -fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, 0.15), 20, 0, 0, 5);
    -fx-pref-width: 350px;
    -fx-max-width: 350px;
    -fx-spacing: 25px;
}

/* 调整登录标题 */
.login-title {
    -fx-text-fill: #2c3e50;
    -fx-font-size: 22px;
    -fx-font-weight: bold;
}

.login-subtitle {
    -fx-text-fill: #7f8c8d;
    -fx-font-size: 12px;
}

/* 调整输入框尺寸 */
/* 统一输入框高度 */
.text-field, .password-field, .captcha-text-field {
    -fx-pref-height: 32px;
    -fx-min-height: 32px;
    -fx-max-height: 32px;
    -fx-background-color: #f8f9fa;
    -fx-background-radius: 8;
    -fx-border-radius: 8;
    -fx-border-color: #e1e8ed;
    -fx-border-width: 2;
    -fx-text-fill: #2c3e50;
    -fx-font-size: 13px;
    -fx-padding: 0 12px;
    -fx-prompt-text-fill: #a0a0a0;
}

.text-field:focused, .password-field:focused,.captcha-text-field:focused {
    -fx-border-color: #667eea;
    -fx-background-color: white;
}

/* 调整输入标签 */
.input-label {
    -fx-text-fill: #5a6c7d;
    -fx-font-size: 12px;
    -fx-font-weight: 600;
}

/* 调整验证码按钮 */
.captcha-button {
    -fx-background-color: transparent;
    -fx-text-fill: #667eea;
    -fx-font-size: 11px;
    -fx-border-color: #667eea;
    -fx-border-width: 1;
    -fx-border-radius: 5;
    -fx-padding: 4 8px;
    -fx-cursor: hand;
}

/* 调整登录按钮 */
.login-button {
    -fx-background-color: linear-gradient(from 0% 0% to 100% 100%, #667eea 0%, #764ba2 100%);
    -fx-background-radius: 8;
    -fx-border-radius: 8;
    -fx-text-fill: white;
    -fx-font-size: 13px;
    -fx-font-weight: bold;
    -fx-pref-height: 42px;
    -fx-pref-width: 280px;
    -fx-cursor: hand;
    -fx-effect: dropshadow(three-pass-box, rgba(102, 126, 234, 0.3), 12, 0, 0, 4);
}

/* 调整第三方登录按钮 */
.social-button {
    -fx-background-color: white;
    -fx-background-radius: 8;
    -fx-border-radius: 8;
    -fx-border-color: #e1e8ed;
    -fx-border-width: 1;
    -fx-pref-width: 70px;
    -fx-pref-height: 60px;
    -fx-cursor: hand;
    -fx-effect: dropshadow(one-pass-box, rgba(0, 0, 0, 0.05), 2, 0, 1, 1);
}

.social-icon {
    -fx-text-fill: #5a6c7d;
    -fx-font-size: 18px;
}

.social-label {
    -fx-text-fill: #5a6c7d;
    -fx-font-size: 11px;
}

/* 调整消息标签 */
.message-label {
    -fx-font-size: 12px;
    -fx-padding: 10 12px;
    -fx-background-radius: 6;
    -fx-border-radius: 6;
    -fx-alignment: center;
    -fx-text-alignment: center;
    -fx-pref-width: 280px;
}

/* 调整表单容器间距 */
.login-form > VBox {
    -fx-spacing: 15px;
    -fx-pref-width: 280px;
}

/* 调整复选框和超链接 */
.checkbox {
    -fx-text-fill: #5a6c7d;
    -fx-font-size: 12px;
}

.hyperlink {
    -fx-text-fill: #667eea;
    -fx-font-size: 12px;
    -fx-font-weight: 500;
}

/* 调整分割线 */
.divider-text {
    -fx-text-fill: #7f8c8d;
    -fx-font-size: 12px;
    -fx-padding: 0 10px;
}

/* 验证码容器统一高度 */
.captcha-container {
    -fx-pref-height: 32px;
    -fx-min-height: 32px;
    -fx-max-height: 32px;
}

/* 验证码图片 */
.captcha-image {
    -fx-fit-height: 32px;
    -fx-pref-height: 32px;
    -fx-min-height: 32px;
    -fx-max-height: 32px;
    -fx-border-color: #e1e8ed;
    -fx-border-radius: 6;
    -fx-border-width: 1;
    -fx-cursor: hand;
    -fx-effect: dropshadow(one-pass-box, rgba(0,0,0,0.1), 2, 0, 0, 1);
}

.captcha-image:hover {
    -fx-border-color: #667eea;
    -fx-effect: dropshadow(one-pass-box, rgba(102,126,234,0.2), 3, 0, 0, 2);
    -fx-scale-x: 1.02;
    -fx-scale-y: 1.02;
}

.captcha-image:pressed {
    -fx-scale-x: 0.98;
    -fx-scale-y: 0.98;
}

/* 微信登录区域样式 */
.qrcode-container {
    -fx-padding: 15px;
    -fx-background-color: #f8f9fa;
    -fx-background-radius: 10;
    -fx-border-radius: 10;
    -fx-border-color: #e1e8ed;
    -fx-border-width: 1;
}

.qrcode-image {
    -fx-effect: dropshadow(one-pass-box, rgba(0,0,0,0.1), 3, 0, 0, 2);
}

.qrcode-label {
    -fx-text-fill: #5a6c7d;
    -fx-font-size: 12px;
    -fx-font-weight: 500;
}

.wechat-login-button {
    -fx-background-color: #07c160;
    -fx-background-radius: 8;
    -fx-border-radius: 8;
    -fx-text-fill: white;
    -fx-font-size: 14px;
    -fx-font-weight: bold;
    -fx-pref-height: 44px;
    -fx-cursor: hand;
    -fx-effect: dropshadow(three-pass-box, rgba(7, 193, 96, 0.3), 8, 0, 0, 2);
}

.wechat-login-button:hover {
    -fx-background-color: #06ae56;
    -fx-effect: dropshadow(three-pass-box, rgba(7, 193, 96, 0.4), 12, 0, 0, 3);
    -fx-scale-x: 1.02;
    -fx-scale-y: 1.02;
}

.wechat-login-button:pressed {
    -fx-background-color: #059a4c;
    -fx-effect: dropshadow(three-pass-box, rgba(7, 193, 96, 0.2), 4, 0, 0, 1);
    -fx-scale-x: 0.98;
    -fx-scale-y: 0.98;
}

/* 登录方式切换标签 */
.login-method-switcher {
    -fx-text-fill: #667eea;
    -fx-font-size: 12px;
    -fx-font-weight: bold;
    -fx-cursor: hand;
    -fx-padding: 5px 8px;
    -fx-background-color: rgba(102, 126, 234, 0.1);
    -fx-background-radius: 12px;
    -fx-border-radius: 12px;
}

.login-method-switcher:hover {
    -fx-background-color: rgba(102, 126, 234, 0.2);
    -fx-text-fill: #5a6fd8;
    -fx-scale-x: 1.05;
    -fx-scale-y: 1.05;
}

.login-method-switcher:pressed {
    -fx-scale-x: 0.95;
    -fx-scale-y: 0.95;
}